<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>编辑收货地址-{eyou:global name='web_name' /}</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
        {eyou:static file="users/skin/css/bootstrap.min.css" /}
        {eyou:static file="users/skin/css/eyoucms.css" /}
        {eyou:static file="users/skin/css/basic.css" /}
        {eyou:static file="users/skin/css/shop_under_order.css"/}
        {eyou:static file="users/skin/css/element/index.css" /}
        {eyou:static file="users/skin/css/e-user.css" /}
        {eyou:include file="users/skin/css/diy_css.htm"/}
        {eyou:static file="/public/static/common/js/jquery.min.js"/}
        {eyou:static file="/public/plugins/layer-v3.1.0/layer.js"/}
        {eyou:static file="/public/static/common/js/tag_global.js"/}
        {eyou:static file="/public/static/common/js/shop_address.js"/}
        <style>
            .address-list span {
                display: inline-block;
                margin-right: 14px;
                line-height: 30px;
                margin-bottom: 6px;
                color: #333;
                cursor: pointer
            }
            .address-list span:hover {
                color: #ff6700
            }
        </style>
    </head>

    <body style="overflow-y:unset">
        <form name='theForm' id="theForm" method="post" onsubmit="return false;">
            <div class="ey-dialog__wrapper address-modal" style="width: 660px;">
                <div aria-modal="true" class="ey-dialog">
                    <div class="ey-dialog__body">
                        <div class="ey-dialog__inner">
                            <div class="address-add">
                                <div class="item">
                                    <div class="col mr ey-input">
                                        <label for="name" class="input-label">姓名</label>
                                        <input type="text" name="consignee" id="consignee" autocomplete="off" class="input-text">
                                        <p class="msg msg-error" style="display: none;"></p>
                                    </div>
                                    <div class="col ey-input ">
                                        <label for="telephone" class="input-label">手机号</label> 
                                        <input type="text" name="mobile" id="mobile" maxlength="11" onkeyup="this.value=this.value.replace(/[^\d]/g,'');" onpaste="this.value=this.value.replace(/[^\d]/g,'');" autocomplete="off" class="input-text">
                                        <p class="msg msg-error" style="display: none;"></p>
                                    </div>
                                </div>
                                <div class="item address-info-box">
                                    <input type="hidden" name="province" id="province" value="0">
                                    <input type="hidden" name="city" id="city" value="0">
                                    <input type="hidden" name="district" id="district" value="0">
                                    <div class="col ey-input">
                                        <label for="address" class="input-label"></label>
                                        <input type="text" id="address-title" onclick="showAddressWindow();" placeholder="选择省 / 市 / 区 / 街道" readonly="readonly" autocomplete="off" class="input-text show-placeholder">
                                        <p class="msg msg-error" style="display: none;"></p>
                                    </div>
                                    <i class="iconfont iconfont-arrow-down-small"></i>
                                    <div class="address-select-box" style="display: none;">
                                        <div class="con">
                                            <i class="iconfont iconfont-close-small" onclick="$('.address-select-box').css('display', 'none');"></i>
                                            <div class="address-box">
                                                <div class="address-selectd"><span class="gray">选择省份/自治区</span></div>
                                                <div class="address-list address-list-province">
                                                    {eyou:volist name="$eyou.field.Province" id="P_v"}
                                                    <span data-id="{$P_v.id}" onclick="showSelectAddress(this, 'province');">{$P_v.name}</span>
                                                    {/eyou:volist}
                                                </div>
                                                <div class="address-list address-list-city" style="display: none;"></div>
                                                <div class="address-list address-list-district" style="display: none;"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="col ey-input">
                                        <label for="addressInfo" class="input-label">详细地址</label> 
                                        <textarea name="address" id="address" autocomplete="off" class="input-text"></textarea>
                                        <p class="msg msg-error" style="display: none;"></p>
                                        <span class="iconfont-circle-close icon-error" style="display: none;"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="el-dialog__footer">
                        <button class="btn btn-primary" onclick="addPcAddress('{$eyou.field.types}');">确定</button>
                        <button class="btn btn-gray" onclick="layerColse();">取消</button>
                    </div>
                </div>
            </div>
        </form>
        <script type="text/javascript">
            var inputObj = $('.input-text');
            for (var i=0; i<inputObj.length; i++) {
                if (inputObj[i].value) $(inputObj[i]).parent().addClass('input-focus');
            }
            $('.input-text').focus(function() {
                $(this).parent().addClass('input-active');
                if ($(this).attr('name') == 'address') $(this).attr('placeholder', '详细地址，路名或街道名称，门牌号');
            });
            $('.input-text').blur(function() {
                $(this).parent().removeClass('input-active').attr('placeholder', '');
                if ($(this).attr('name') == 'address') $(this).attr('placeholder', '');
            });
            $('.input-text').bind('input propertychange', function() {
                if ($(this).val()) {
                    $(this).parent().addClass('input-focus');
                } else {
                    $(this).parent().removeClass('input-focus');
                }
            });
        </script>

        <!-- 添加收货地址模板,需保留,可自行修改样式 -->
        <div style="display: none" id="divhtml">
            {eyou:if condition="'order' == $eyou.field.types and empty($eyou.field.addr_num)"}
            <input type="hidden" name="#name#" id="#id#" value="#value#">
            {/eyou:if}
            <div class="address-item" onclick="#selected#" id="#ul_li_id#">
                <div class="address-info">
                    <div class="name" id="#consigneeid#">#consignee#</div>
                    <div class="tel" id="#mobileid#">#mobile#</div>
                    <div class="address-con">
                        <span id="#infoid#">#info#</span>
                        <span class="info" id="#addressid#">#address#</span>
                    </div>
                    <div class="address-action">
                        {eyou:if condition="'list' == $eyou.field.types"}
                        <span onclick="#setdefault#">设为默认</span>
                        {/eyou:if}
                        <span onclick="#shopeditaddr#">修改</span>
                        <span onclick="#shopdeladdr#">删除</span>
                    </div>
                </div>
                <div class="address-info-solt" style="display: none;"></div>
            </div>
        </div>
    </body>
</html>